<!--
	the program view
-->

<div id="programDiv" ng-controller="programController">

    <!-- Date-picker start -->
    <div class="row">
        <div class="row ">
            <div ng-click="setActive('thursday')" id="thursdayDiv" class="col-xs-5 col-xs-offset-1 text-center date-picker" ng-class="{activeDay : isActive('thursday')}">
                THU 5.3
            </div>
            <div ng-click="setActive('friday')" id="fridayDiv" class="col-xs-5 text-center date-picker" ng-class="{activeDay : isActive('friday')}">
                FRI 6.3
            </div>
        </div>
        <div class="row">
            <div ng-click="setActive('saturday')" id="saturdayDiv" class="col-xs-5 col-xs-offset-1 text-center date-picker" ng-class="{activeDay : isActive('saturday')}">
                SAT 7.3
            </div>
            <div ng-click="setActive('sunday')" id="sundayDiv" class="col-xs-5 text-center date-picker" ng-class="{activeDay : isActive('sunday')}">
                SUN 8.3
            </div>
        </div>
    </div><!-- Date-picker end -->
    <br>
    <!-- The event div -->
    <div id="eventDiv">
        <div id="eventOne" class="text-center event-div">
            <span>SKI JUMPING</span>
        </div>
        <div id="eventTwo" class="text-center event-div">
            <span>CROSS-COUNTRY</span>
        </div>
        <div id="eventThree" class="text-center event-div">
            <span>ARENA</span>
        </div>
        <div id="eventFour" class="text-center event-div">
            <span>SNOWKIDZ</span>
        </div>
    </div>
    
    <div id="wrapper">
	<div id="scroller">
            <ul>
                <li>
                    <div id="timeDiv">
                        <ul>
                            <li>00:00</li><li>01:00</li><li>02:00</li><li>03:00</li><li>04:00</li><li>05:00</li><li>06:00</li><li>07:00</li><li>08:00</li><li>09:00</li><li>10:00</li><li>11:00</li><li>12:00</li><li>13:00</li><li>14:00</li><li>15:00</li><li>16:00</li><li>17:00</li><li>18:00</li><li>19:00</li><li>20:00</li><li>21:00</li><li>22:00</li><li id="lastListTime">23:00</li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane" id="thursday" ng-class="{active : isActive('thursday')}">
                            <div id="eventTimelines" class="tab-content">
                                <div id="timelineOne" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1350px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-individual">
                                                13:30-<br>
                                                Nordic Combined, Training HS 130 (2 rounds)
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1500px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-individual">
                                                15:00-<br>
                                                Nordic Combined, Provisional round and qualification, HS 130
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineTwo" class="event-timeline">
                                    <div class="timeline-event" style="width:150px;margin-left:1600px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-individual">
                                                16:00-17:30<br>
                                                Nordic Combined, Official Training (cross-country)
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineThree" class="event-timeline">

                                </div>

                                <div id="timelineFour" class="event-timeline">

                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="friday"  ng-class="{active : isActive('friday')}">
                            <div id="eventTimelines" class="tab-content">
                                <div id="timelineOne" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1300px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-individual">
                                                13:00-<br>
                                                Nordic Combined, Individual Gundersen, HS 130, Trial round
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1400px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-individual">
                                                14:00-<br>
                                                Nordic Combined, Individual Gundersen, Ski Jumping HS 130
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="width:200px;margin-left:1700px;">
                                        <p>
                                            <a class="text-white" href="#/events/ski-jumping">
                                                17:00-<br>
                                                Ski Jumping, Official Training, HS 130 (two rounds)
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1900px;">
                                        <p>
                                            <a class="text-white" href="#/events/ski-jumping">
                                                19:00-<br>
                                                Ski Jumping, Qualification HS 130
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineTwo" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1600px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-individual">
                                                16:00-<br>
                                                Nordic Combined, Individual Gundersen, Cross-Country 10km
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineThree" class="event-timeline">

                                </div>

                                <div id="timelineFour" class="event-timeline">

                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="saturday" ng-class="{active : isActive('saturday')}">
                            <div id="eventTimelines" class="tab-content">
                                <div id="timelineOne" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1000px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-team">
                                                10:00-<br>
                                                Nordic Combined, Team Sprint, HS 130, Trial round
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1100px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-team">
                                                11:00-<br>
                                                Nordic Combined, Ski Jumping, Team Sprint, HS 130
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="width:200px;margin-left:1700px;">
                                        <p>
                                            <a class="text-white" href="#/events/team-ski-jumping">
                                                17:00-<br>
                                                Ski Jumping, Team, Trial round HS 130
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1900px;">
                                        <p>
                                            <a class="text-white" href="#/events/team-ski-jumping">
                                                19:00-<br>
                                                Ski Jumping, Team, HS 130
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineTwo" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1125px;">
                                        <p>
                                            <a class="text-white" href="#/events/cross-country-sprint">
                                                11:15-<br>
                                                Cross-Country, Sprint, Qualification, Ladies and Men
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1300px;">
                                        <p>
                                            <a class="text-white" href="#/events/nordic-combined-team">
                                                13:00-<br>
                                                Nordic Combined, Team Sprint, Cross-Country 2x7,5km
                                            </a>
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="width:200px;margin-left:1550px;">
                                        <p>
                                            <a class="text-white" href="#/events/cross-country-sprint">
                                                15:30-<br>
                                                Cross-Country, Sprint, Finals, Ladies and Men
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineThree" class="event-timeline">

                                </div>

                                <div id="timelineFour" class="event-timeline">

                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="sunday" ng-class="{active : isActive('sunday')}">
                            <div id="eventTimelines" class="tab-content">
                                <div id="timelineOne" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1400px;">
                                        <p>
                                            <a class="text-white" href="#/events/ski-jumping">
                                                14:00-<br>
                                                Ski Jumping, HS 130 Trial round
                                            </a>    
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1500px;">
                                        <p>
                                            <a class="text-white" href="#/events/ski-jumping">
                                                15:00-<br>
                                                Ski Jumping, HS 130
                                            </a>
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineTwo" class="event-timeline">
                                    <div class="timeline-event" style="width:200px;margin-left:1025px;">
                                        <p>
                                            <a class="text-white" href="#/events/cross-country-men-15">
                                                10:15-<br>
                                                Cross-Country, men, 15km (c)
                                            </a>    
                                        </p>
                                    </div>
                                    <div class="timeline-event" style="margin-top:50px;width:200px;margin-left:1250px;">
                                        <p>
                                            <a class="text-white" href="#/events/cross-country-ladies-10">
                                                12:30-<br>
                                                Cross-Country, ladies, 10km (c)
                                            </a>    
                                        </p>
                                    </div>
                                </div>

                                <div id="timelineThree" class="event-timeline">

                                </div>

                                <div id="timelineFour" class="event-timeline">

                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                </li>
            </ul>
	</div>
    </div>
    
    <div id="scrollSpace"></div>
</div>